<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--    我的账户-->
    <div th:fragment="dingding_myAccount">
        <div class="tunav">
            <a th:href="@{/goAccount}"><div class="tunav1 ">
                <p>充值提现</p>
            </div></a>
            <a th:href="@{/invest}"><div class="tunav2">
                <p>我的投资</p>
            </div></a>
            <a th:href="@{/fund}"><div class="tunav3">
                <p>资金记录</p>
            </div></a>
            <a th:href="@{/redPacket}"><div class="tunav4">
                <p>红包积分</p>
            </div></a>
            <a th:href="@{/invite}"><div class="tunav5">
                <p>我的邀请</p>
            </div></a>
        </div>
    </div>


<!--充值页面-->
    <div th:fragment="dingding_windows">
        <div  id="windows"  style="display: none;">
        <!-- tab切换-->
            <div class="layui-tab" lay-filter="test">
                <ul class="layui-tab-title">
                    <li class="layui-this" lay-id="11">银行卡充值</li>
                    <li lay-id="22">支付宝充值</li>
                </ul>

                <div class="layui-tab-content">
                    <!--银行卡tab-->
                    <div class="layui-tab-item layui-show">
                        <div  style="margin-top: 40px;margin-left: 230px;">
                             <div class="layui-form-item">
                                 <label class="layui-form-label">充值金额</label>
                                 <div class="layui-input-block">
                                     <input type="number" min="1" max="5000000" name="czje" id="czje" lay-verify="title" autocomplete="off" placeholder="请输入金额" class="layui-input" style="width: 30%;display:inline-block;">
                                     <span>元</span>
                                 </div>
                             </div>

                             <div class="layui-form-item">
                                 <label class="layui-form-label">银行卡号</label>
                                 <div class="layui-input-block">
                                     <input type="text" name="yhkh" id="yhkh" lay-verify="title" autocomplete="off" placeholder="请输入银行卡号" class="layui-input" style="width: 50%">
                                 </div>
                             </div>

                            <div>
                                <div style="margin-left: 40px;margin-top: 40px;">
                                    <input type="checkbox" name="ty" id="ty" lay-skin="primary" style="cursor: pointer" >
                                    <span>我同意并接受<a style="color: #00a0e9;cursor: pointer">《叮叮金融投资咨询与管理服务电子协议》</a></span>
                                </div>
                                <button type="button" id="subcz" class="layui-btn layui-btn-danger  layui-btn-radius" style="margin-left: 100px;width: 280px;margin-top: 50px;">充值</button>
                            </div>
                        </div>
                    </div>

                    <!-- 支付宝tab-->
                    <div class="layui-tab-item" style="margin-top: 40px;margin-left: 230px;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">充值金额</label>
                            <div class="layui-input-block">
                                <input type="number" min="1" max="5000000" name="zfbje" id="zfbje" lay-verify="title" autocomplete="off" placeholder="请输入金额" class="layui-input" style="width: 30%;display:inline-block;">
                                <span>元</span>
                            </div>
                        </div>
                        <div>
                            <div style="margin-left: 40px;margin-top: 60px;">
                                <input type="checkbox" name="zfbty" id="zfbty" lay-skin="primary" style="cursor: pointer" >
                                <span>我同意并接受<a style="color: #00a0e9;cursor: pointer">《叮叮金融投资咨询与管理服务电子协议》</a></span>
                            </div>
                            <button type="button" id="zfbcz" class="layui-btn layui-btn-danger  " style="margin-left: 100px;width: 280px;margin-top: 50px;">充值</button>
                        </div>
                    </div>
                </div>
            </div>


            <div style="background-color: RGB(255,245,231);width: 666px;height: 230px; margin-top: 35px;margin-left: 130px;">
                <br>温馨提示：<br><br>
                1. 投资人充值过程全程免费，不收取任何手续费。<br><br>
                2. 为防止套现，所充资金必须经投标回款后才能提现。<br><br>
                3. 使用快捷支付进行充值，可能会受到不同银行的限制，如需大额充值请使用网银充值进行操作。<br><br>
                4. 充值/提现必须为银行借记卡，不支持存折、信用卡充值。<br><br>
                5. 严禁利用充值功能进行信用卡套现、转账、洗钱等行为，一经发现，将封停账号30天。<br><br>
            </div>
        </div>
    </div>
<!--密码输入层-->
    <div th:fragment="dingding_pwd">
        <div  id="password-div" class="password-div" style="display: none;margin-left: 120px;margin-top: 35px;">
            <label for="password" class="password-lable">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <input id="password" type="password" name="password" maxlength="6">
            </label>
            <div style="margin-top: 80px;margin-left: 50px;">
                <button type="button" id="qdcz" class="layui-btn layui-btn-danger  layui-btn-radius" style="width: 100px;">确定</button>
            </div>
        </div>
    </div>

<!--个人账户-->
    <div th:fragment="dingding_grzx">
        <div class="banner0">
            <div class="ban_my">
                <div class="ban_my_left">
                    <div class="ban_my_l1"><img id="personal_center" th:src="@{/img/account/shape.png}"></div>
                    <div class="ban_my_l2"><img  th:src="@{/img/account/headg.png}"></div>
                    <div class="ban_my_l3"><span th:text="${userName}"></span><!-- <span>上午好</span>--></div>
                    <div class="ban_my_l4">
                        <div class="left zhaq">账户安全</div>
                        <div class="left anquan"><img  th:src="@{/img/account/acc-safe-ico.png}"></div>
                        <div class="left anquan0">中</div>
                        <div class="left" style="color:#ff8900">提升</div>
                    </div>
                </div>
                <div class="ban_my_right">
                    <div class="ban_my_right_up">
                        <div class="left">账户总览</div>
                        <div class="right0">2015-10-10星期六</div>
                    </div>
                    <div class="ban_my_right_down">
                        <div class="ban_my_right_down_l">
                            <div class="ban_my_d">
                                <div class="ban_my_d1">
                                    <p class="dp1">总资产</p>
                                    <p class="dp2"><span th:text="${ljyzMoney}"></span>元</p>
                                </div>
                                <div class="ban_my_d1">
                                    <p class="dp1">可用余额</p>
                                    <p class="dp2"><span th:text="${userInfoMoney}"></span>元</p>
                                </div>
                                <div class="ban_my_d1">
                                    <p class="dp1">累计已赚(￥)</p>
                                    <p class="dp2">0.00元</p>
                                </div>
                            </div>
                            <div class="ban_my_d" style=" border-bottom:0">
                                <div class="ban_my_d1">
                                    <p class="dp1">我的积分</p>
                                    <p class="dp2">0</p>
                                </div>
                                <div class="ban_my_d1">
                                    <p class="dp1">红包</p>
                                    <p class="dp2">0个</p>
                                </div>
                                <div class="ban_my_d1">
                                    <p class="dp1">累计收益</p>
                                    <p class="dp2">0.00元</p>
                                </div>
                            </div>
                        </div>
                        <div class="ban_my_right_down_c"></div>
                        <div class="ban_my_right_down_r" style="margin-top: -35px">
                            <div class="my_ban_btn my_ban_btn1">
                                <button data-method="offset" style="font-size: 20px;background-color:#32acfa" id="cz" data-type="auto" class="layui-btn ">
                                    充值
                                </button>
                            </div>
                            <div class="my_ban_btn my_ban_btn0" style="margin-top: 40px">
                                <button data-method="offset" style="font-size: 20px;background-color:#f6951d;" id="tx" data-type="auto" class="layui-btn">
                                    提现
                                </button>
                            </div>

                            <div class="my_ban_btn my_ban_btn2" style="background: #ffc843">
                                <button data-method="offset" id="hykgl"  style="font-size: 20px;background-color: RGB(255,200,67); border-radius: 5px;width: 160px;" data-type="auto" class="layui-btn">
                                    银行卡管理
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--个人中心弹出层-->

            <div id="personal_center_tcc" style="display: none;">
                <div style="margin-top: 40px">
                    <form class="layui-form" action="">

                        <div class="layui-form-item">
                            <label class="layui-form-label">昵称</label>
                            <div class="layui-input-block">
                                <input type="text" th:value="${aaa.nickName}"  name="title" lay-verify="title" autocomplete="off" placeholder="请输入昵称" style="width: 50%;" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">手机号</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">qq邮箱</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input" >
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">真实姓名</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入真实姓名" style="width: 50%;" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">身份证</label>
                            <div class="layui-input-block">
                                <input type="text" name="identity" lay-verify="identity" placeholder="" autocomplete="off" style="width: 50%;"class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">密码</label>
                            <div class="layui-input-inline">
                                <input type="text" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
                        </div>



                        <div class="layui-form-item">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-block">
                                <input type="radio" name="sex" value="男" title="男">
                                <input type="radio" name="sex" value="女" title="女">
                            </div>
                        </div>


                        <div class="layui-upload" style="margin-left: 65px;">
                            <button type="button" class="layui-btn" id="test1">上传头像</button>
                            <div class="layui-upload-list">
                                <img th:src="@{/img/account/headg.png}" id="demo1" width="90px" height="90px">
                                <p id="demoText"></p>
                            </div>
                        </div>
                        <center>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                            </div>
                        </div>
                        </center>
                    </form>

                </div>
            </div>
        </div>
    </div>




</body>


</html>